<!DOCTYPE html>
<html class="no-js">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="./assets/favicon.png">
  <title>支付宝扫码支付-惠通支付</title>
  <link href="./css/normalize.css" rel="stylesheet" type="text/css" />
  <link href="./css/main.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <div class="appId hide" id="appId">
    <div class="flex-row title-row">
      <img src="./assets/icon-alipay-logo.png" class="pay-channel-icon" alt="">
      <h6>支付宝扫码支付</h6>
    </div>

    <div class="content-body">
      <div class="flex-col content-body-wrap">
        <!-- 定时器 -->
        <div class="flex-row count-down-wrap">
          <!-- <img src="./assets/icon-cloak.jpg" class="icon-cloak" alt=""> -->
          <span class="count-down-lab">剩余支付时间：</span>
          <span class="count-down-txt" id="countDownSpan">----</span>
        </div>
        <!-- 支付金额 -->
        <div class="flex-row money-row">
          <span id="mSpan" class="money-span"></span>
        </div>

        <!--  二维码图片包装器 -->
        <div class="qrcode-wrap">
          <div class="qrcode-border b-t-left"></div>
          <div class="qrcode-border b-b-left"></div>
          <div class="qrcode-border b-t-right"></div>
          <div class="qrcode-border b-b-right"></div>
          <div class="qrcode-img-wrap" id="qrcode">
            <!-- 二维码图片 -->
          </div>
        </div>

        <!--  订单号 -->
        <div class="flex-row info-row">
          <span>订单编号：</span>
          <span id="oidSpan"></span>
        </div>

        <button class="btn-primary" onclick="gotoAlipayApp()">支付宝客户端打开</button>
        <button class="btn-default">直接支付宝扫一扫</button>
      </div>
    </div>
  </div>

  <script src="./js/axios.min.js"></script>
  <script src="./js/qrcode.min.js"></script>
  <script src="./js/main.js"></script>
</body>

</html>